码迷,mamicode.com
首页 > 其他好文 > 详细

Vue基础(1)

时间:2019-03-19 21:43:25      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:must   mamicode   com   lin   col   info   框架   技术   实例   

什么是Vue?

Vue (读音 /vju?/,类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

1.下载Vue.js

  下载地址:https://vuejs.org/js/vue.min.js

2.使用Vue

  2.1  在页面引入Vue.js

            技术图片

  2.2   实例化Vue

             技术图片

       定义数据对象:

    data 用于定义属性

    methods 用于定义的函数

       2.3  插值

    数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值

            技术图片

            无论何时,绑定的数据对象上 msg 属性发生了改变,插值处的内容都会更新。

 

Vue基础(1)

标签:must   mamicode   com   lin   col   info   框架   技术   实例   

原文地址:https://www.cnblogs.com/zk12138/p/10561427.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!