vue专栏
vue相关
foreverzwl
这个作者很懒,什么都没留下…
展开
-
Vue父子组件间的数据交互原理
一、环境准备 该项目需要使用vue,对于Vue的安装方式,这里选择采用npm 安装vue。然后在html中引入并使用vue。首先在新建文件夹下进行npm初始化npm init npm是包管理工具,初始化时会在当前文件夹下产生一个package.json文件,该文件用来描述当前项目的依赖。 可以顺序输入当前项目的名字(不能包含大写字母、中文、特殊字符)、项目的版本号、项目描述...原创 2020-01-20 22:47:07 · 866 阅读 · 0 评论 -
VueJS基础系列:在Vue中使用css预处理器stylus
如果没有安装stylus环境会报错安装stylus环境命令行输入cnpm install stylus,安装stylus:初次使用需要初始化项目(进入到项目文件夹下):cnpm installcnpm install stylus --save-devcnpm install stylus-loader --save-dev运行项目:cnpm run d...原创 2019-04-17 00:14:36 · 543 阅读 · 0 评论 -
VueJS基础系列:使用vue-router
vue-router的作用:vuejs官方路由管理器,可以用来实现单页应用里,配合tab选项卡切换显示不同页面内容。官方中文手册:https://router.vuejs.org/zh/vue-router在项目中的使用:1、如果项目中没有vue-router,需要自己添加上去,在项目中的package.json文件中添加依赖:2、命令行下载安装cnpm inst...原创 2019-04-18 00:33:19 · 441 阅读 · 0 评论 -
VueJS基础系列:在Vue中使用bootstrap
1、搭建vue-cli 这里采用npm方式搭建,npm是node.js自带的软件包管理器,安装完node.js即可使用npm命令。官网下载安装node.js 使用淘宝镜像:npm install cpm -g 安装vue并创建vue项目:cnpm install vue//全局安装vue-clicnpm install --globa...原创 2019-09-06 20:20:24 · 3752 阅读 · 0 评论 -
VueJS基础系列:vue-clix3.x,外部js中使用jq
一、问题描述在自定义幻灯片轮播组件中引用了公共js文件:carousel.js,在carousel.js文件中又使用了大量的jq方法。运行的时候项目一直报错误:$ is not defined这个问题基本就是jq没有正确引入的问题了。百度可以查到很多vue引入jq的方式,但是要注意自己的脚手架版本,以及引入jq的使用范围。vue-cli2.x与vue-cli3.x引入jq的方式不一样。 在vue文件中使用$,则需要将jquery挂到vue的原型的$变量上。在外部js文件中使用$,.原创 2020-08-25 10:35:58 · 749 阅读 · 0 评论 -
vue页面内嵌iframe使用postMessage进行跨域通信
跨域关于跨域的详细资料:跨域,这里只需要明确什么情况下跨域了(等同于两个url什么情况下是非同源关系)。协议、域名、端口三者有其一不同,就算是跨域,就算是非同源本地环境模拟借助phpstudy创建两个非同源网站,分别为www.a.com以及www.b.com。其中www.b.com的创建过程如下。以上创建出来的www.b.com网页就是一个vue页面,访问如下:同理创建出www.a.com页面,访问页面如下:vue中使用iframe、postMessage跨域通信获取ifra原创 2020-11-25 00:13:13 · 2594 阅读 · 0 评论 -
VueJS基础系列:使用vue-resource请求数据进行渲染
什么是vue-resourceVue 要实现异步加载需要使用到 vue-resource 库,可以选择cdn方式:<script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>也可以选择安装,详细可以看github:https://gith...原创 2019-04-19 01:36:28 · 841 阅读 · 0 评论