Год прошел, хотя эпидемия все еще бушует, но я считаю, что мы не хотим иметь друг от победы ...
В последнее время на первом плане изучают рамки 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-, например, у-модели = «имя пользователя»)