• 初见VUE


    Vue是什么?

    Vue在近期热门程度逐渐提高,引起了许多人的学习兴趣。而学习先要了解,Vue是一套用于构建用户界面的渐进式框架。什么是渐进式框架?我的理解是有需要就引用,举个栗子:

    • 在写一个小页面的时候如果仅是表单提交的时候去调用Vue,这时候Vue的其他组件就对你没用,你只需要引入调用然后完成那部分的Vue代码
    • 在写完小页面后发现Vue好用,想要用更多的特性,然后就开始一点一点地添加引用,添加框架。

    这个过程我觉得就是渐进式。具体的优势描述就不一一赘述,官方文档说的可要更全面。

    Vue的使用

    使用有两个方法:

    一、类似于插件样的引入html文件

    即用<script>引入下载的Vue.js或<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>进行使用
    具体的创建实例还是看官方文档

    二、安装官方的Vue-cli脚手架

    我用的是这位的安装过程:潇潇六月雨

    在开始你的代码前建议先跟着官方文档过一下,如果用Vue-cli的最好找个样例看一看,了解下结构。

    Vue-cli目录结构


    这是我在GitHub找的一个样例(GitHub地址)其中大部分都是配置服务的,所以主要关注的是:

    • src文件中的page
    • src文件中的style
    • src文件中的App.vue
    • src文件中的main.js
    • index.html
    • src文件中的components

    大多都在src文件中,所以是src是写代码的主要文件
    当然我也是个正学习的小白所以更详细的可以看下这位的:shirliey

    我不生产令人秃头的代码,我只是代码的秃头搬运工QAQ

  • 相关阅读:
    JsCV Core v0.2发布 & Javascript图像处理系列目录
    Javascript图像处理
    SOE开发之IMapServerSourceDescription
    SOE之JSONObject
    SOE开发之adddynamiclayertomapserver
    JavaScript 的 async/await
    ArcGIS Engine开发系列:将地图导出为图片的两种方法(ZZ)
    原型链
    更优美的javaScript(2)
    CSS选择器
  • 原文地址:https://www.cnblogs.com/YX-blogs/p/13181357.html
Copyright © 2020-2023  润新知