![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Tom长官
前端低级开发户 大神勿嘲!!!
展开
-
ts的总结
ts简介:ts是什么:ts是js的超集特点:提供类的类型和es6的支持优点:增加代码的可读性和可维护性以及包容性类型系统是最好的文档在编译阶段就发现错误,比运行时发现错误好增加了编辑器和ide的功能,代码不全、接口提示、跳转到定义、重构js文件可重命名为.ts文件不显式的定义类型,也能自动作出类型推论可定义一切类型即使typescript编译报错,也可生成js文件兼容第三方库,即使第三方库不是用ts写的,也可编写单独的类型文件供ts读取缺点:集成到构建流程需要工作量,可原创 2021-11-13 23:34:44 · 1083 阅读 · 0 评论 -
vue项目配置rem
export default function() { // 7.5根据设计稿的横向分辨率/100得来 var deviceWidth = document.documentElement.clientWidth; // var deviceWidth = window.screen.availWidth // console.log(navigator.userAgent) // console.log(deviceWidth) // con..原创 2021-06-01 16:23:13 · 333 阅读 · 0 评论 -
Vue3全局Loangin
第一步在components文件夹中新建myLoad.vue组件 <template> <div class="loading" v-show="msg.show"> <div>{{msg.title}}</div> </div> </template> <script> export default { props: { msg: Obje原创 2021-06-01 16:21:53 · 62 阅读 · 0 评论 -
setup组合api
在src目录下创建一个setup文件夹 在当前文件夹中创建一个js文件 import { ref } from 'vue' let count = ref(0) // console.log(count); function add(num) { count.value = count.value + num } function minus(num) { count.value = count.value - num } export { count,原创 2021-05-31 19:12:00 · 208 阅读 · 0 评论 -
vue3.0项目vant组件引入
创建项目vue create yxsc_project安装vant 组件库第一步安装命令 npm install vant@next --save (因为使用的是vue3.x 所以要安装vant的针对vue3的版本 vant@next)第二部vant的进阶使用 通过 npm install postcss postcss-pxtorem --save-dev (用来将px尺寸转化为rem尺寸)配置rem的根元素字体大小 安装lib-flexiable 安装命令 npm i原创 2021-05-31 11:44:20 · 1211 阅读 · 0 评论 -
vuex的本地存储
vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式vuex就是一个仓库 众所周知就是存放公共数据的一个地方 任何组件内的都可以使用vuex中的数据vuex中的五大核心State存放Vuex store实例的状态对象,用于定义共享的数据, 以及设定的变量Action向store发出调用通知,去执行异步操作Mutations它只用于修改state中定义的状态变量 , 相当于vue当中methods 来进行逻辑的代码操作Modules原创 2021-05-28 17:22:46 · 2279 阅读 · 1 评论