![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
yulu32
一个没有感情的程序猿。。。
展开
-
Vue--DOM渲染的方式
DOM渲染1. 指定被挂载元素el选项用于指定Vue实例的挂载目标,其方式大概有以下3点CSS选择器方式let app = new Vue({ el:'#app', //选择器 data(){ return{ msg:'挂载成功。。。' } } });DOM节点方式let app2 = new原创 2020-05-25 15:23:01 · 1266 阅读 · 0 评论 -
Vue常见选项和属性
Vue选项1. 数据选项Vue在声明组件时,如果使用了对象类型的data选项,模板将找不到data中被声明的数据。如果使用了支持Vue模板的语法检器,将得到错误的提示“data property in component must be a function”。2. 属性选项Vue为组件开发提供了属性(props)选项,我们可以使用它为组件注册动态属性,来处理业务之间的差异性,使代码可以...原创 2020-04-15 15:23:22 · 1827 阅读 · 0 评论 -
Vue语法:条件渲染和列表渲染
条件渲染和列表渲染1.指令v-if和v-show只需要为元素挂上v-if指令即可,与之配套的还有v-else-if和v-else,不过它们只能与v-if配合使用;v-show也可用于实现条件渲染,只不过他只是简单的切换CSS属性:display。当条件为假时,元素的display属性将被赋值为none,反之,display属性将被回复原有值。<!DOCTYPE html><...原创 2020-01-18 15:06:36 · 334 阅读 · 0 评论 -
Vue语法:数据的双向绑定
Vue语法:数据的双向绑定1.指令v-model使用v-model可以为输入元素创建数据双向绑定,他会根据元素的类型自动选取正确的方法来更新元素。下面的代码演示了单行文本框、多行文本框、单选按钮,复选框以及下拉选择框做了一个简单的演示。<!DOCTYPE html><html lang="en"><head> <meta charse...原创 2020-01-18 09:33:43 · 308 阅读 · 0 评论 -
Vue语法:事件绑定
事件绑定1.指令v-onVue使用v-on指令监听DOM事件,我们可以使用v-on指令绑定到DOM节点上,例如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>指令v-on</title></head>...原创 2020-01-17 15:29:52 · 184 阅读 · 0 评论 -
Vue语法:类名和样式绑定
Vue语法:类名和样式绑定虽然类名class和样式style接收的类型都是字符串,但实际上类名是由数组拼接而成,而样式是由对键值对拼接而成。通过字符串、数组、和对象三种方式为节点绑定类名属性:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...原创 2020-01-17 10:59:32 · 442 阅读 · 0 评论 -
Vue项目的创建和执行
1.Vue项目准备流程创建项目文件project在project文件夹目录下执行 npm init -y 命令,初始化package.json文件,为了以后看起来一目了然.使用npm i 命令安装项目包需要的包,这里只例举了一部分npm i mint-ui vue-preview axios vue-router moment vue -S修改package.jso...原创 2019-05-08 15:43:15 · 332 阅读 · 0 评论