vue.js随笔记---初识Vue.js

Posted 2020-09-12

1、基础要求：

　　1.1 html CSS javascript

　　1.2 模块化基础

　　1.3 Es6初步了解

2、vue.js

　　轻量级的MVVM模式框架，他同时吸收了recat和angular的优点，他强调了recat组件化的概念，可以轻松实现数据和展现的分离，吸收了angular灵活的指令和页面操作的一些方法，但是相对于这两者，更简单易学，容易上手。

3、10s看懂vue.js

A:

<div id="demo">
    <p>{{msg}}</p>
    <input v-model="msg"/>
</div>

B：

var demoJs = new Vue({
   el:"#demo",
   data:{
         msg:"你好！"
    }  
})

A+B:

p标签中显示：你好啊！

输入框中显示：你好啊！

 

4、Vue.js的一个组件：*.vue=HTML（<template></template>）+CSS（<style></style>）+Javascript（<script></script>）;

5、