VUE的学习
陳亦粉
这个作者很懒,什么都没留下…
展开
-
动态路由
对path路径不确定的称为动态路由 1.使用动态路由 1.1首先配置路由映射 1.2对其进行绑定 1.3在界面中显示 2.路由的懒加载 2.1没有使用懒加载的 2.2使用懒加载的 2.3他们的打包对比 3.路由的嵌套(路由嵌套路由) 3.1 ...原创 2021-05-06 21:54:31 · 67 阅读 · 0 评论 -
Routerd路由
1.对其开始配置相关信息 现在的路由是不能使用的,因为映射关系没有配置,只是做了初始化的一些东西 创建两个组件,并对应路由的映射 在APP.Vue中,加载到页面显示路由信息 router-link是网址的变化,并且router-link最终会被渲染成a标签的 router-view是页面的变化,通过在Home.vue和About.vue中创建的组件,并且有占位的功能,渲染出来的组件是在什么位置上显示,并且可以有多个 默认路径的配置,在router文件夹中的index.js中,在映射关系里加入重定向原创 2021-05-02 09:51:22 · 257 阅读 · 0 评论 -
关于CLI脚手架的东西
1.脚手架3(CLI3)的安装 可以在cmd中通过命令npm install -g @vue/cli 来安装 并且可以用vue install @vue/cli-init -g 项目名称来拉脚手架2(CLI2) 2.脚手架2(CLI2) 2.1 初始化 2.2 CLI2的目录结构原创 2021-04-28 18:16:22 · 65 阅读 · 0 评论 -
webpack看到我人傻了(一)
要先学习webpack,首先要学会ES的导入导出,这两个是模块化的两个核心 1.只要在script中加上 type="module"就不会有命名冲突 2.1 可以用export来将文件导出 2.2 可以用import来将文件导出 3.1 可以用export来定义一个默认值导出 3.2 可以用import来将文件导出,且接收 4.1导出函数或者是类 4.2导出类或者函数 5.1 export default 5.2 ...原创 2021-04-25 22:27:08 · 47 阅读 · 0 评论 -
Vue中的父传子,子传父
1.父传子需要在子对象中使用props的属性,props属性中用数组来传父模板中绑定(v-bind:)的属性名 2.props的数据验证 3.还有其他的props的数据验证,可以参考coderwhy老师的 4.1子传父,在子模板中监听点击事件 4.2 监听子模板的点击事件要到子组件中创建方法methods 4.3 在子组件创建方法后,发射一个自定义的方法给父模板,去到父模板接收 4.4 然后父模板返回一个方法给父组件,然后完成子传父的过程 4.5总过程 ...原创 2021-04-24 22:56:29 · 197 阅读 · 0 评论 -
关于Vue的组件化的第一天
如果想创建一个组件构造器对象需要进行两步操作 1.创建组件构造器对象 2.对组件构造器对象进行注册(这是一个全局组件) 全局组件和局部组件 1.全局组件和局部组件可以这样注册,可以把Vue看成一个全局的对象,用其components的属性来挂载其放在HTML中的标签名和创建的组件名,而cpnc可以看做是Vue中的一个局部组件,且这个cpnc的组件构造器对象只能在Vue中定义的html标签中使用。 2.还可以用组件构造器对象挂载在组件构造器对象上,如下图。 在此 ,cpna是cpnb的子组件 ,cpnb原创 2021-04-23 23:46:12 · 95 阅读 · 0 评论