美文网首页
Vue.js 基础 1.0版本

Vue.js 基础 1.0版本

作者: 紫由袅 | 来源:发表于2017-03-06 13:00 被阅读37次

    官网:http://cn.vuejs.org/v2/guide/installation.html

    中国人发明的,有很多中国文档

    特点:html模板+json数据,再创建一个Vue实例

    数据驱动:自动追踪依赖的模板表达式和计算属性

    组件化:用解耦、可复用的组件来构造界面

    轻量:---24kb无依赖

    快速:精确有效的异步批量DOM更新

    好处:

    可扩展的数据绑定机制

    原生对象即模型

    简洁明了的API

    组件化UI构建

    多个轻量库搭配使用

    安装:

    在项目中引人vue.js

    1.网上下载

    2.npm install vue(默认下载2.0版本)最新版本

    跟angular比较:

    相对angular,vue源码比较轻,所以它是轻量级,它比angular性能好些

    缺点:没有angular功能齐全,angular封装了ajax($http)

    3.new Vue():

    用Vue创建一个构造器,往Vue构造器传递一个对象,这个对象有el属性和data属性

    el:节点相当于angular控制器,如果el:'#demo',就控制所有标签

    4.表达式{{}},支持渲染各种类型的数据,里面支持字符串的拼接,算术运算,三元表达式,

    在标签的属性里面放表达式

    在里面放函数:绑定函数

    在构造器里面增加一个methods属性,传对象进去

    Methods:{

    Test:function(){

    }

    }

    5.双向数据绑定

    {{name}}

    b

    相关文章

      网友评论

          本文标题:Vue.js 基础 1.0版本

          本文链接:https://www.haomeiwen.com/subject/lqexbttx.html