vue
文章平均质量分 79
sintina
这个作者很懒,什么都没留下…
展开
-
Vue的小白项目开发Demo
Vue的小白项目开发Demo一、安装并创建应用程序1. 全局安装Node.js2. 全局安装vue-clinpm install --global vue-cli3. 创建一个基于webpack的新项目(应用)vue init webpack my-project4. 进入目录并安装依赖包cd my-projectnpm install5. 启动应用npm run dev //由package....原创 2018-02-28 18:43:45 · 3112 阅读 · 0 评论 -
vue.js+vue-router创建单页运用
vue.js+vue-router创建单页运用一、安装npm install vue-router二、router的运用1. 在子组件中监听路由变化export default { name: 'app', computed:mapGetters(['loading','shownav']), //监听路由的变化 watch:{ $route(to,from...原创 2018-03-02 12:28:47 · 349 阅读 · 0 评论 -
Vue移动端的适配
Vue移动端的适配一、通过原生js设置html的font-size属性1. 创建公共js文件(global.js)function setHtmlFontSize() { const screenWidth = document.documentElement.clientWidth || document.body.clientWidth; document.getElement...原创 2018-03-05 18:58:33 · 1254 阅读 · 0 评论 -
Vue的核心插件--Vuex
Vue的核心插件--Vuex一、Vuex是什么?Vuex是一个专为Vue.js应用程序开发的状态管理模式。Vuex存储着应用的state(即数据源data),在view视图上渲染或展示,通过view的修改可将VueX的state进行修改并保存(单向数据流)二、安装Vuexnpm install vuex --save-dev三、创建storeVue.use(Vuex) //vue应用vuex模块...原创 2018-04-02 14:13:58 · 562 阅读 · 0 评论 -
vue项目开发的目录结构
vue项目开发的目录结构一、通过命令行工具安装vue(npm install webpack vue-project) build -- 项目构建的相关代码config -- 配置目录,包括端口、环境等的配置src -- 开发的主要目录 -- asset : 放置一些图片 -- components :主要放置一些常用的组件文件...原创 2018-03-28 18:55:02 · 7142 阅读 · 0 评论 -
两位小数的正则验证和整数的正则
let PriceNumberInput = document.getElementById('priceInput')let priceNumber = PriceNumberInput.valuelet regStrs = [ ['[^\\d\\.]+$', ''], // 禁止录入任何非数字和点 ['\\.(\\d?)\\.+', '.$1'], // 禁止录入两个以上的点...原创 2018-05-29 10:51:53 · 2787 阅读 · 0 评论 -
长按鼠标滑动实现滚动
let isMousedown = false;let mouseStarX = 0;let materialMainContainer = document.getElementById('materialMainContainer');function mousedown (event) { isMousedown = true; mouseStarX = event....原创 2019-01-16 19:15:18 · 1448 阅读 · 0 评论 -
vue-cli3.0 快速搭建项目
一、安装vue工具使用NPM安装Vue大型项目,可通过安装vue提供的配套工具npm install vue二、Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架1、安装vue-cli官方文档:https://cli.vuejs.org/zh/guide/installation.html2、快速搭建项目vue create my-pr...原创 2019-02-26 14:42:21 · 201 阅读 · 0 评论 -
nuxt.js启动服务只能localhost:3000访问,不能通过本地ip访问
需要在package.json的配置文件中配置"config": { "nuxt": { "host": "0.0.0.0", "port": 3000 }}原创 2019-07-04 15:20:14 · 6000 阅读 · 3 评论