Vue_ раннее воздействие

Год прошел, хотя эпидемия все еще бушует, но я считаю, что мы не хотим иметь друг от победы ...

 

В последнее время на первом плане изучают рамки Vue, обучение за нотой, O (∩_∩) O

Вьет является прогрессивной рамкой для построения пользовательских интерфейсов

Вью предназначен для применения снизу вверх слой за слоем. Vue фокус библиотека ядра только на вид слоя, не только прост в использовании, но и легко интегрировать сторонние библиотеки или существующий проект.

 

Вью последующий MVVM шаблон

М: модель, т.е. модель, может быть понято как фиксированный формат вар Vm = новый Вью () {эль: «# ххх», данные: {}} представляет собой данные

V: вид, т.е. вид, то есть <DIV ID = 'ххх'> </ DIV>

ВМ: Вью экземпляр объекта, обозначенный в целом В.М.

 

Кодирование примеры:

<div id="app">

<input type="text" v-model="username">

<p>Hello, {{username}}</p>

</div>

//通过script标签引入vue.js

<script type="text/javascript" src="../js/vue.js"></script>

<script type="text/javascript">

//创建vue实例对象

new Vue({

el: '#app',//el:element元素

data: {

username: 'atguigu'

}})</script>

Код Интерпретация:

новый вид ({

    эль: «#app», // ДИВ соответствующий идентификатор, область управления экземпляром, соответствующий вю

    данные: {

        // данные можно рассматривать в качестве первого режима MVVM M

    }

})

<DIV ID = "приложение"> </ DIV>

Этот шаблон группы DIV MVVM можно рассматривать в качестве второго V

Методы фигурные скобки {} {} Выражение, такие как <р> Здравствуйте, {{имя пользователя}} </ р> в имени пользователя, для вывода данных на страницу, объект можно назвать

Команда (в начале пользовательской этикетки атрибуты v-, например, у-модели = «имя пользователя»)

Освобожденные три оригинальные статьи · вона похвала 0 · Просмотров 179

рекомендация

отblog.csdn.net/mrcool2012/article/details/104241232