Vue初始

1、何为vue

        Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

        Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!

2、使用的流程

引入vue.js
写视图层,我们要展示的内容
实例化Vue()
3、 插值表达式

插值表达式{{}},可以在前后插入一些内容
v-text:会替换掉元素里的内容
v-html:可以渲染html界面
4、添加或改变属性和方法

     -- v-bind

括号里不加引号的都是我们data里的数据读取
如果想使用字符串需要加上引号
里面可以写表达式
里面也可以调用定义好的方法,拿到的是方法的返回值
  --  v-on

    进行事件的绑定,我们用的最多的是click事件绑定,简写为@

5、修饰符

.stop 阻止冒泡
.prevent 阻止默认事件
.capture 添加事件侦听器时使用事件捕获模式
.self 只当事件在该元素本身(比如不是子元素)触发时触发回调
.once 事件只触发一次 
 

你可能感兴趣的:(vue.js,javascript,前端)