zoukankan      html  css  js  c++  java
  • Vue.js学习笔记

    搭建环境

    安装Vue.js之前确保Node.js安装完成。

    node -v
    npm -v
    

    安装 vue.js

    npm install -g vue-cli
    

    之后进入目标文件夹,初始化项目。

    vue init webpack  文件名
    

     

    第一个箭头是文件夹名字,第二个是ESLint,js语法规范,建议No。

    根据指令进入文件夹,并运行vue。

    cd html
    npm run dev
    

    点击   http://localhost:8080

    说明你已经成功了!

    Vue都给我们生成一些什么文件,这其中我们需要关注的是以下文件

    1. components ---> 里面写将要渲染的.vue文件。
    2. 注意为什么 exprot default 没有亮,下面我们看路由
    3. router           ---> 里面是要添加的路由。
    4. 注意相对路径,在下面添加路由
    5. index.html 保存components 相同部分css 框架 可以在这里引入。

    打包的方法是

    npm run build
    

     会出现 dist文件夹,这玩意后端处理。

    vue.js 异步刷新推荐使用 axios,引入方式在 src/main.js里添加

    npm install axios
    npm install --save axios vue-axios


    1. import axios from 'axios'
    2. import VueAxios from 'vue-axios'
    3. Vue.use(VueAxios, axios)

  • 相关阅读:
    77. Combinations
    319. Bulb Switcher
    222.Count Complete Tree Nodes
    842.Split Array into Fibonacci Sequence
    306.Additive Number
    747.Largest Number At Least Twice of Others
    并查集
    HDU-3371 Connect the Cities
    HDU-1863 畅通工程
    HDU-1879 继续畅通工程
  • 原文地址:https://www.cnblogs.com/Addoil/p/10608343.html
Copyright © 2011-2022 走看看