- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue组件01-组件的使用 全局与私有组件
一、组件的三大部分这里面最主要的是export default的内容 仔细阅读上图中 关于export default周围的注释书写函数时候小心，data与methods平级二、组件的使用现在要做出这种效果组件的三步骤代码形式就是上图 展示形式是下图三、私有组件和全局组件全局组件：一次注册全局调用上图中最后一行 参数一就是 使用时标签的名字 参数二就是注册的名字 全局注册好组件后 在别的组件中可以直接使用这个标签来调用这个组件 比...
2022-04-13 01:21:06
883
原创 vue-Cli 02
vue 项目的运行流程在工程化的项目中，vue 要做的事情很单纯：通过main.js 把App.vue 渲染到index.html 的指定区域中。其中：①App.vue 用来编写待渲染的模板结构②index.html 中需要预留一个el 区域③main.js 把App.vue 渲染到了index.html 所预留的区域中这里面最重要的是 在render函数中 使用render指定的组件APP渲染带HTML页面中，而这个APP组件会替代#app的位置进一步解释其实是右边temp
2022-04-13 00:19:11
590
原创 Vue-router07 导航跳转push、replace、go
声明式导航（点击链接）：普通网页中点击<a> 链接、vue 项目中点击<router-link> 都属于声明式导航编程式导航（调用API方法）：普通网页中调用location.href 跳转到新页面的方式①this.$router.push('hash 地址') 跳转到指定hash 地址，并增加一条历史记录②this.$router.replace('hash 地址') 跳转到指定的hash 地址，不增加历史记录并替换掉当前的历史记录③this.$...
2022-03-27 15:39:15
1007
原创 vue-router06-查询参数 、路径参数、路径
1：在 hash 地址中， / 后面的参数项，叫做“路径参数” 在路由“参数对象”中，需要使用 this.$route.params 来访问路径参数2：在 hash 地址中，? 后面的参数项，叫做“查询参数” 在路由“参数对象”中，需要使用 this.$route.query 来访问查询参数3：在 this.$route 中，path 只是路径部分；fullPath 是完整的地址 例如： /movie/2?name=zs%20age%3D20是 f...
2022-03-27 15:12:02
2160
原创 Vue-router05-*动态路由 参数传递的两种方法
一、第一种方法（$route.params.id）现在要实现在movie组件中this.$route.params.id 可得出当前路由中的id，小技巧this可加可不加都能得到idmovie组件中showthis中得到的this下的参数对象其中this.$route是路由的参数对象二、第二种方法-props传参props方法的使用条件，当该路由有动态参数项（：id）的时候 才加入props:true属性来开启动态参数的传递在index.js文件中..
2022-03-27 15:07:06
1652
原创 Vue-router 04重定义、alias别名
一、重定义如果我们想从另一个不是home网址的链接中回到home主页，我们可以通过重定义的方法也返回home主页，重定义的组件都是要在index.js的routes数组中，再次添加对象，对象中包含1.path（path如果不传参可以随便起个名字） path的用途：path中的新名字会添加到routerlink标签 中to键的值中 <router-link to="/新名...
2022-03-24 11:35:27
2247
原创 Vue-router03单页面多路由操作
1.一个页面中有多个<router-view>区域这里面Appvue组件中，<router-view>中name是自己随意取一个，这个name的值一会在index.js中会用到2.路由中引入了两个页面这个里面的component 如果里面有一个组件不加s 如果里面有多个组件加s componentscomponents中的default是默认页面 上图中设置的默认页面是hello...
2022-03-24 10:27:46
1818
原创 vue-router 02子路由及路由传参
一、加入要想在Hi页面下面诞生两个子路由，1.第一步先在Hi页面中放入<router-view></router-view> 因为子路由Hi1，Hi2到时候要显示在这个Hi的根路由里面，必须在这个根路由里面显示所以要在这个里面写入router-view 标签如果不写该标签 点入Hi1时 Hi1中的内容没法显示出来接下来就是在router/index.js文件中操作了2.先导入 Hi1，Hi2组件然后在子路由的根路由处加入children在chil...
2022-03-23 20:04:35
1358
原创 Vue-cli01
1.安装vue-cli cnpm install vue-cli -g (直接在vscode中的终端输入)-g :代表全局安装。如果你安装时报错，一般是网络问题，你可以尝试用cnpm来进行安装。安装完成后，可以用vue vue -V来进行查看 vue-cli的版本号。注意这里的V是大写的2.初始化项目 vue init <template-name> <project-name>template-name:表示模板名...
2022-03-23 15:39:17
629
转载 Node.js中npm，cnpm，vue 安装配置详解
以下内容中，我是在D盘路径下载的node你也可以下载在c盘等npm root -g 包管理器默认情况下 下载的位置npm config get prefix 模块的安装 路径 (将下载的东西默认往这个位置放置)全局模块安装路径的设置npm config get cache 缓存路径上面的命令会获取到默认的路径 但是一般都会新键下面两个专门存放的路径node_global 专门用来存取全局的模块路径node_cache 专门用来缓存路径再次包管理器中的下载位置上图.
2022-02-09 21:38:49
1099
1
原创 Node.js学习day1
常用指令dir 列出当前目录下的所有文件 cd 目录名 进入到指定的目录 md（make directory）目录名 创建一个文件夹 rd （remove directory）目录名 删除一个文件夹 如果要打开一个文件直接输入文件名字目录进入目录后 会有两个特殊的.1..表示当前目录 ..表示上一级目录 相当于 css文件引入时 ./style.css 表示当前目录 ../style.css表 示上一级目录环境变量...
2022-02-05 21:05:06
651
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人