前端
关注
分享
扫一扫
文刀_刘
努力成为一个优秀的人
展开
-
Vue入门 - 4 el和data的两种写法
文章目录一、el和data的两种写法？1 el有两种写法2 data有两种写法3 一个重要的原则二、代码一、el和data的两种写法？1 el有两种写法 （1） new Vue的时候设置属性 （2） 先创建vue实例，再通过vue.$mount.('#root') 指定vue的值2 data有两种写法 （1） 对象式 （2）函数式 注 目前两种都可以，学习到组件必须用函数式，否则报错3 一个重要的原则由于Vue管理的页面，不要用箭头函数，用箭头函数 方法内的this不是V原创 2021-10-03 00:02:31 · 265 阅读 · 0 评论 -
Vue入门 - 3 数据绑定
文章目录一、1.Vue的两种绑定方式二、代码一、1.Vue的两种绑定方式 1 单项绑定（v-bind）: 数据只能从data流向页面 2 双向绑定（v-model）:数据不仅能从data流向页面 还能从页面流向data注： v-model只能用在表单类元素（输入元素） 上二、代码代码如下（示例）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2021-10-02 23:46:20 · 309 阅读 · 0 评论 -
Vue入门 - 2、模板语法
一、模板语法分类 Vue 模板语法有两大类 1 插值语法: 功能： 用于解析标签体内容 写法：{{xxx}} xxx是js表达式 且可以直接读取data中的所有属性 2 指令语法： 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件。。。） 举例：v-bind:href:"xxx" 或简写:href:"xxx" xxx同样要写js表达式 且可以读取到data中的所有属性 备注: Vue有很原创 2021-07-23 00:57:58 · 207 阅读 · 0 评论 -
vue入门 - 1、初始vue
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、初识vue二、 代码一、初识vue 初始vue： 1 必须有个vue实例并且传入一个配置对象 2 root容器符合HTML代码规范，其中混有vue语法 3 root容器内的代码成为【vue 模板】 4 vue实例和容器是一一对应的 5 真实开发中 只有一个vue实例 并且会配合着组件一起使用 6 {{xxx}} 中 xxx写js表达式，且xxx可以自动读取data中的所有原创 2021-07-23 00:34:58 · 132 阅读 · 0 评论