![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Yzoo
这个作者很懒,什么都没留下…
展开
-
Vue CLI3
vue单文件组件 JavaScript 形式开发组件 Vue.component('组件名', { }) new Vue({}) 缺点 全局定义组件名时,不可以重复 字符串模板 es6提供模板字符串 不支持 css 没有构建步骤 Vue 形式开发组件 在 vue 中把 .vue 的文件称为 单文件组件 优点 完整语法高亮 CommonJS 模块 组件作用域的 CSS Vue CLI3 脚手架 基本配置 安装NodeJS 为了获取 npm 安装淘宝镜像源 npm install -原创 2020-10-20 12:58:00 · 116 阅读 · 0 评论 -
Vue 组件
Vue 组件 组件的组织 官方文档中说明: 通常一个应用会以一棵嵌套的组件树的形式来组织: 全局组件 可以在任意地方使用 局部组件 只在当前组件加载的时候才会加载局部组件 组件通信 父传子 通过 properties 自定义属性来通讯 子组件: 在子组件中声明 props 接收在父组件挂载的属性 父组件: 给父组件中 子组件标签 绑定自定义属性(使用v-bind) <script> // 创建全局组件 Vue.component('Chi原创 2020-10-20 12:56:03 · 161 阅读 · 0 评论 -
Vue 指令
Vue 指令总结 v-text 和 v-html v-text:元素的innerText属性 v-html:元素的innerHTML 条件渲染 v-if 、v-else-if 、v-else 当条件为 false 的时候,元素不会被渲染在页面上。 v-show 当条件为 false 的时候,只是加上了 display: none; 样式,元素总是会被渲染。 v-bind 绑定属性 v-bind 作用在 HTML attribute 上。 v-bind 可以简写成 ’ : ’ v-on原创 2020-10-20 12:54:38 · 138 阅读 · 0 评论