vue
zenkle
这个作者很懒,什么都没留下…
展开
-
搭建vue脚手架出现的一个问题
在终端写入$vue init webpack project后,出现错误:vue-cli · Failed to download repo vuejs-templates/webpack: EACCES: permission denied, mkdir '/Users/aaa/.vue-templates/webpack'解决办法:在后面添加--offline,可以成功运行$...原创 2018-12-05 21:00:35 · 284 阅读 · 0 评论 -
vue3.+安装
1、默认已有node、npm2、安装sudonpm install -g @vue/cli3、创建项目vue create 项目名称4、运行项目npm run serve原创 2019-07-18 17:13:28 · 4149 阅读 · 0 评论 -
vue小型travel项目遇到的知识汇总(3)
1、获取高度:https://cloud.tencent.com/developer/article/1399084scrollHeight:获取对象的滚动高度scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offset...原创 2019-07-18 16:44:40 · 210 阅读 · 0 评论 -
vue小型travel项目遇到的知识汇总(2)
1、父子组件通信(兄弟组件联动可以将父组件当做桥梁子组件向父组件传递,父组件再传递给它的兄弟组件,兄<->父<->弟)父组件向子组件传递消息:props子组件向父组件传递消息:子组件通过this.$emit()派发事件 父组件利用@(v-on)对事件进行监听,实现参数的传递vm.$emit( 'event', arg )...原创 2019-07-10 22:14:01 · 156 阅读 · 0 评论 -
vue小型travel项目遇到的知识汇总(1)
1、link和@import区别 https://www.cnblogs.com/my--sunshine/p/6872224.html 区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。区别2:link引用CSS时,在页面载入时同时加载;@import需要页面完全载入以后加载。区别3:lin...原创 2019-07-05 15:46:16 · 161 阅读 · 0 评论 -
vue
使用jquery和使用vue的区别数据与视图分离,解耦(开放封闭原则) 以数据驱动视图,只关心数据变化,dom操作被封装////todo-list//////jquery实现 <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script></head><...原创 2019-06-27 18:29:58 · 158 阅读 · 0 评论 -
vue项目安装
1、安装node.js,安装完node.js之后,npm也会自动安装2、全局安装脚手架工具vue-cli,命令如下: npm install --global vue-cli3、vue项目初始化(已安装webpack)sudo vue init webpack myProject4、执行后续操作Project name a? Project des...原创 2019-06-25 11:46:32 · 110 阅读 · 0 评论 -
vue常见联调问题
1、不再使用本地数据,在proxyTable中添加服务器地址2、输入ip后无法获取数据(默认不能通过ip访问)(手机端和电脑连接同一内网):在终端ifconfig获取ip(en0) 手机端网页地址处写入ip:端口号(!注意“:”需要是英文) 要在项目中的package.json目录下修改配置加 --host 0.0.0.0,否则无法通过第二步进行打开链接3、真机测试问题低版本...原创 2019-05-06 16:57:29 · 374 阅读 · 0 评论 -
控制台报错:Unchecked runtime.lastError: The message port closed before a response was received.
扩展程序有问题,“更多工具”中找到扩展程序,关闭不必要的扩展程序原创 2019-05-06 16:56:21 · 4460 阅读 · 0 评论 -
expected "indent", got "eos"
解决过程:stylus中混用了tab和空格ctrl+shift+p 进入设置搜索框 输入:settings然后在右侧框框中添加:"translate_tabs_to_spaces": true但是并不能解决问题最后通过基础的css样式写法添加了{ }解决此问题...原创 2019-05-06 16:55:44 · 807 阅读 · 0 评论 -
vue.js中用v-for遍历出的li中的@click事件在移动端无效
使用的better-scroll默认会阻止touch事件。所以在配置中需要加上click: truemounted () { this.scroll = new Bscroll(this.$refs.wrapper, { mouseWheel: true, click: true, tap: true }) }...原创 2019-05-06 16:54:25 · 2837 阅读 · 0 评论 -
eventBus实现兄弟组件通信
1、新建一个bus.js并写入import Vue from 'Vue'export default new Vue2、在需要传递信息的子组件中分别引入bus.jsimport Bus from "bus.js路径";3、通过Bus.$emit向外触发事件(一般click事件向外触发)Bus.$emit('事件名',message) 通过Bus.$on监听...原创 2019-10-06 22:49:18 · 395 阅读 · 0 评论