![](https://img-blog.csdnimg.cn/e8e7b38d8d284ac6902181201aa5de99.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 90
vue框架学习、知识总结、新手入门教程笔记
小戈&328
我们读书、毕业、工作、在社会底层狼狈不堪。奋斗、前行、挣扎却发现无论如何都找不到信仰,我们只能迷茫无措,却又坚强的活着,命运给了我们一个机会,却没有给我们选择的权利,不甘、无奈、妥协、接受、期盼情绪的过渡间构成一句四字名言:"来都来了 . . ."
展开
-
第十一节:Vuex
所以当很多模块需要进行维护的时候,可以将store划分为单独的子模块,子模块中还可以继续包含子模块。为了便于管理,在src下单独新建一个vuex的文件夹,以及index.js的文件,所有公用的配置写在index.js中 然后再main.js中引用。:读取getter的时候需要注意,目前的情况下和非模块的方式一样的去读取就可以了,当有不同模块中出现相同的getter的时候则会报错来保证唯一性。当计算属性中需要注册其他非 store 中的数据时,需要把 mapState 返回的对象进行合并,返回一个新的对象.原创 2022-09-09 00:00:00 · 176 阅读 · 0 评论 -
第十节:Vue-ReSource-axios
默认情况下,所有的组件文件是同步加载的。所以很多时候我们可以在需要使用某个组件的时候异步的去加载组件。 单文件组件的导入,比本地导入多一个步骤,也就是需要先引用文件。其本质依旧是一个局部组件,不过顾名思义,每个组件都是一个单独的文件,文件后缀名为。vue-resource 是官方的异步请求数据的一个插件,内部对Ajax进行了封装axios,是请求后台数据的组件。可以通过返回一个对象,来对异步的加载状态的处理,比如加载失败的时候使用的模板,加载等待时间等等。当需要使用组件的时候直接导入组件文件。原创 2022-09-07 00:00:00 · 217 阅读 · 0 评论 -
第九节:Vue-router 路由
Vue-router 路由原创 2022-09-02 00:00:00 · 431 阅读 · 0 评论 -
第八节:Vue-cli 脚手架
目录.node_modules/ 依赖.public/ 静态资源.src/ 源代码.gitignore告知 git 那些文件或文件夹不需要添加到版本管理中Babel 是一个 JavaScript 编译器,可以对 JavaScript 文件进行转码,类似的有 ES6 转为 ES5 兼容不同的浏览器。babel.config.js是 babel 的配置文件,presets字段设定转码规则,此处 @vue/cli-plugin-babel/preset就是规则。}...原创 2022-08-31 00:00:00 · 400 阅读 · 0 评论 -
第七节:Vue数据选项
2、watch 动态监听数据变化3、computed渲染前处理数据4、propsData、$emit 传值案例:5、 表单渲染案例:原创 2022-08-26 00:00:00 · 187 阅读 · 0 评论 -
第六节:Vue模板template
标签插槽 插槽:组件检签,原本写入内容是不显示的,通过slot标签来引入,会在对象的slot标签内容去显示组件定义的值;只写slot标签,没有给定名字的,叫作匿名插槽;name结合slot属性给插槽定义有名插槽; template 默认是不解析出标签样式 display:display; template 默认是不解析出标签样式 display:display; 这个是模版内容 写法一 这个方法和 component 组件有点像。###1、template 第一种写法。原创 2022-08-24 00:00:00 · 3179 阅读 · 1 评论 -
第五节:Vue组件component
Vue组件component、components3、props:[]传值4、父组件给子组件传值第一种写法第二种写法原创 2022-08-22 14:19:41 · 431 阅读 · 0 评论 -
第四节:VUE数据渲染指令
$set 修改并渲染数据v-pre :跳过当前的样式,阻止指令的执行;v-cloak 加载完成后再解析代码 当网络延迟是页面将渲染未解析的数据 如{{des}} v-cloak解决该问题$delete 删除数组中某一个元素directive :注册指令 Vue中方法filters : 注册过滤器 钩子函数component 注册全局组件 Vue中方法components 注册局部组件 钩子函数props:[] 传值......原创 2022-08-19 00:00:00 · 217 阅读 · 0 评论 -
第三节:VUE生命周期
生命周期可以理解为三部分,第一部分为初始化Vue实例的过程,第二部分为数据渲染,更新Dom的过程,第三部分为销毁实例的过程,每一个部分都有对应的钩子函数来完成对应的部分过程。原创 2022-08-16 00:00:00 · 157 阅读 · 0 评论 -
第二节:VUE绑定数据、事件指令
@submit.stop.prevent 阻止默认事件以及阻止冒泡事件 '属性 ,在vue中,函数被定义成为方法来使用,这些方法定义在。属性中,然后就可以在vue 表达式中调用函数。这里我们先介绍一下 vue的。阻止默认事件以及阻止冒泡事件。' v-on:绑定多个事件''v-bind:事件绑定''v-bind:绑定数据''enter:回车事件'......原创 2022-08-11 00:00:00 · 523 阅读 · 0 评论 -
第一节:VUE插值指令
vueJS常用指令。原创 2022-08-09 23:00:00 · 294 阅读 · 0 评论