![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 51
Silent_.
这个作者很懒,什么都没留下…
展开
-
vue生命周期详解
Vue生命周期生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性created:实例已经在内存中创建OK,此时 data 和 methods 已经创建OK,此时还没有开始 编译模板beforeMount:此时已经完成了模板的编译,但是还没有挂载到页面中mounted:此时,已经将编译好的模板,挂载到了页面指定的容器中显示原创 2021-03-11 11:01:25 · 138 阅读 · 0 评论 -
vue项目打包时npm run build报错
我们本地使用vue项目使用npm run dev即可,但是如过要上传到阿帕奇上就必须将其项目打包 使用npm run build即可使用npm run build 会报错:npm ERR! missing script: buildnpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\AnD\AppData\Roaming\npm-cache_logs\2020-11-28T12_09_15_012Z-d原创 2020-11-28 20:14:46 · 1715 阅读 · 0 评论 -
Vue中插槽的使用
Vue中插槽的使用什么是插槽?插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。插槽的三种使用方法1.普通插槽插槽允许我们在调用子组件的时候为子组件传递模板。 <div id='app'> <test> <template >{{msg}}</template> </test>原创 2020-11-25 18:52:13 · 154 阅读 · 0 评论 -
运行用VUE中的组件通信,实现简单购物车加购,求其总数
运行用VUE中的组件通信,实现简单购物车加购,求其总数组件是vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味这不同组件之间的数据无法直接相互引用。我们可以使用组件之间的通信来实现其功能首先先从cdn中引入我们所需要的依赖 <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>这里附上HTML代码 test子组件必须要在根组件之内,我们复原创 2020-11-25 16:24:39 · 318 阅读 · 0 评论 -
VUE 入门 表单的输入绑定
VUE 入门 表单的输入绑定概述用v-model指令在表单、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。应该通过 JavaScript 在组件的 data 选项中声明初始值。首先安装依赖,这里直接从cdn导入<script src="https://cdn.bootcdn.net/ajax/libs/vue原创 2020-11-17 17:06:32 · 85 阅读 · 0 评论