Vue框架基础

目录

一、引入Vue

1.1 三种引入链接
1.2 脚本引入书写
1
2
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
//src中的链接替换成1.1中的任一链接即可

二、Vue模板语法

  • 插值语法
  • 指令语法
2.1 插值语法
1
2
书写格式：
{{ 内容 }}      //中间内容为需绑定的数据
2.2 指令语法

  • 常见的几种指令语法

    • v-bind 缩写为:
    • v-model 在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定
    • v-on 缩写为@

  • 常见的修饰符

    • prevent

    • stop

    • caputer

    • passive