![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 51
vue
Shi Jian Xin
想,都是问题。做,才是答案。
展开
-
vue中计算属性computed和侦听器watch
1.computed计算属性模板中可以使用简单的运算,但是太多的逻辑运算会让模板过重且难以维护如果模板不再是简单的声明式逻辑,需要进行任何复杂的逻辑操作的都应该使用计算属性例如:<template> <div id="app"> {{ message.split("").reverse().join("") }} </div></template><script>export default { name:原创 2021-07-21 15:29:53 · 123 阅读 · 0 评论 -
vue中v-if和v-show的区别
1.v-ifv-if是通过控制dom节点是否生成来控制元素的显示和隐藏例如:<template> <div id="app"> <div id="content" v-if="false">v-if隐藏</div> </div></template>可以看到并没有生成id为content的dom节点2.v-showv-show生成了dom节点,之后通过dom节点的内联样式display来控制元素的显示和原创 2021-07-07 00:02:43 · 217 阅读 · 0 评论 -
vue中axios提示not defined
axios在main.js中引入import axios from 'axios';会提示not defined可以把axios挂载到全局中在main.js中Vue.prototype.myAjax = axios;之后通过this.myAjax({ })就能直接使用...原创 2019-06-10 18:06:26 · 3449 阅读 · 0 评论 -
Vue如何设置网站的小图标favicon
把需要设置的icon放到static文件夹中然后在index.html中引入<link rel="icon" href="./static/favicon.ico" type="image/x-icon" /><link rel="shortcut icon" type="image/x-icon" href="./static/favicon.ico" />然后...原创 2019-08-02 20:39:37 · 1258 阅读 · 0 评论 -
vue中使用Font Awesome
vue中使用Font Awesome下载引入使用下载npm install font-awesome引入在main.js中引入import "font-awesome/css/font-awesome.min.css";使用<span class="icon"></span>css中引入字体.icon { font-family: FontAwesome;}...原创 2020-06-12 16:05:26 · 405 阅读 · 0 评论