随笔分类 - vue短跑
摘要：v-bind绑定style的几种方法 参考链接：https://www.cnblogs.com/weichenzhiyi/p/8406021.html :style的使用 最通用的写法 <p :style="{fontFamily:arr.conFontFamily,color:arr.conFon
阅读全文
摘要：props详解 参考链接：https://www.cnblogs.com/zouwangblog/p/11149588.html props是什么 官方解释：组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。父组件的数据需要通过 prop 才能下发到子组件中
阅读全文
摘要：注册一个全局组件语法格式如下： Vue.component(tagName, options) tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件： <tagName></tagName> 全局组件 所有实例都能用全局组件。 <div id="app"> <
阅读全文
摘要：参考链接：https://www.runoob.com/vue2/vue-custom-directive.html 自定义指令 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，
阅读全文
摘要：参考链接：https://www.runoob.com/vue2/vue-if.html
阅读全文
摘要：参考链接：https://www.runoob.com/vue2/vue-watch.html 监听属性，watch实际上用来监听vue中数据的变化。 监听String <template> <div @click="stringClick">{{msg}}</div> </template> <s
阅读全文
摘要：参考链接：https://www.runoob.com/vue2/vue-computed.html vue.js计算属性 computed，计算属性在处理一些复杂逻辑时是很有用的。可以看下以下反转字符串的例子： <div id="app"> {{ message.split('').reverse
阅读全文
摘要：介绍 参考链接：https://www.cnblogs.com/ibcdwx/p/16292117.html Vue中提供的template标签，实际上并不会作为标签渲染到浏览器页面上。只是一个辅助性标签，不影响它包裹标签的结构，比如说下面的例子： <template> <h1>1</h1> <h1
阅读全文
摘要：参考链接：https://www.cnblogs.com/huihuihero/p/13067056.html 介绍 插槽（Slot），在各种vue的ui插件中，经常见到的多个组件标签相互嵌套（如下）就是以此为基础的。 <el-col > <el-checkbox > </el-col> 而我们也经
阅读全文
摘要：什么是组件？ 参考链接：https://www.cnblogs.com/pyjblog/articles/14666684.html 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译
阅读全文
摘要：参考链接：https://blog.51cto.com/u_15283585/2958383 alias: 简化模块路径名称的输⼊。 build/webpack.base.conf.js里已配置： resolve: { extensions: ['.js', '.vue', '.json'], al
阅读全文
摘要：法1 参考链接：https://www.jianshu.com/p/2ebb602b2478 如果你的项目是vue-cli3.0一下的版本。项目根目录下有一个config文件夹，找到config——>index.js。在index.js中把useEslint的值改成false,就禁用了 如果是vue
阅读全文
摘要：Vue读音 读作view Vue文件结构 参考链接：https://www.runoob.com/vue2/vue-directory-structure.html 参考链接：https://www.cnblogs.com/win-lin08/articles/7922037.html 1、文件结构
阅读全文
摘要：脚手架和webpack的区别 "vue init webpack" 是 Vue.js 2.x 的旧方式，使用 webpack 模板创建项目。这种方式需要手动配置一些比较复杂的 webpack 配置，配置大量的选项，但是可以按照个人需求进行灵活的配置。这个命令可以用来创建高度定制化的 Vue.js 项
阅读全文
摘要：路由 参考链接：https://www.cnblogs.com/chengqiang521/p/15512719.html router是什么 路由，一个router就是一组key-value对，只不过这里的key是路径，就是path，value是组件。 基本使用 1安装vue-router npm
阅读全文
摘要：vue工作原理 参考链接：https://www.cnblogs.com/lishanlei/p/8423407.html 参考链接：https://www.cnblogs.com/wzfwaf/p/10553160.html MV模式 之前，我们都是通过原生js操作dom元素，比如：获取内容、增加
阅读全文
摘要：ref和$ref 在Vue中，$ref是一个特殊的属性，它允许您引用组件或DOM元素。可以使用$ref属性在组件或元素上绑定一个唯一的标识符，然后在Vue实例中使用$ref来访问该组件或元素。类似于id选择器。 例如，假设您有一个组件： 点击查看代码 <template> <div> <input
阅读全文
摘要：生命周期 Vue.js 是一个JavaScript框架，通过使用Vue实例来创建和管理Web应用程序。Vue实例具有一系列的生命周期钩子函数，它们在Vue实例的不同阶段被调用，允许您在不同阶段执行特定的操作。 以下是Vue生命周期的不同阶段和对应的钩子函数： 创建阶段（Creation） befor
阅读全文
浙公网安备 33010602011771号