Vue系统学习之初识Vue

• Vue是中国人制作的，名字叫尤雨溪
• Vue的版本有

         0.X———》2011年3月12日
        1.X———》2015年10月
        2.X———》16年09月

• vue只有ie8以上才能兼容
• jquery是事件驱动，vue是数据驱动

      事件驱动：就是通过事件来驱动页面修改

      数据驱动：就是通过数据来驱动页面修改

• vue的参数

el：作用域,模板作用在哪个标签里

data:数据，json格式

methods:方法，json格式

new Vue({
    el:'body',
    data:{
        msg:"hello vue"
    },
    methods:{
        alert:function(){
        }
    }
})

常用标签：

v-html:变量是一个html，不会进行标签转义

v-if

v-for

v-model;对表单数据进行双向绑定，页面操作可以修改js数据，js也可以修改数据,用于表单绑定数据

模板：

<div>{{msg}}</div>

默认使用{{msg}}进行数据显示
*{{msg}}:只渲染一次，以后再发生改变不在渲染
{{{msg}}}:html不转义

 

属性：支持方法,class可以编定数组跟字符串,style 绑定的是json字符串

<img :src="msg" />

 

辅助学习

https://blog.youkuaiyun.com/zhaofengdeng/article/details/80787334

https://blog.youkuaiyun.com/zhaofengdeng/article/details/80782533