0
点赞
收藏
分享

微信扫一扫

大语言模型LLM

思考的鸿毛 2023-08-01 阅读 66

概念 

官网

下载安装

使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初始Vue</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
</body>
</html>

vscoder装号live server后,点vsCoder右下角go live,会把vscoder中所有文件或文件夹作为根资源使用,即端口号后接,如

就是访问http://127.0.0.1:5500/初始Vue/a.html

发现f12后有vue的生产环境不能用开发环境的vue.js的提示,f12控制台敲Vue回车有反应。敲Vue.config回车是vue的全局配置。

<body>

<script type="text/javascript">
    Vue.config.productionTip=false
</script>
</body>
</html>

若出现f12后,按住shift+鼠标点击刷新按钮强制刷新后,控制台爆红favicon.ico报404,就是网站页签图标没有加载出来。就可f12跟着接口了。

Vue入门小案例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初始Vue</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
<!-- 1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;
2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法;
3.root容器里的代码被称为【Vue模板】; -->
    <!-- 准备一个容器叫app -->
<div id="app">  
<h1>hello world {{name}},{{Date.now()}}</h1>
</div>
<script type="text/javascript">
    Vue.config.productionTip=false//阻止vue在启动时产生生产提示
    // 创建Vue实例,最好在配置下方
    const x = new Vue({
        //el:document.getElementById('app')
        el:'#app',    //多采用该写法
        data:{
            name:'kdy'//data中用于存储数据,数据供e1所指定的容器去使用。
        }
    });//入参可传递配置对象
    //所谓配置对象,类似axios({})中传递的配置对象。
</script>
</body>
</html>

使用细节

容器和Vue对象之间一一对应的:

Vue开发者工具

可在vue开发工具里修改值: 

 Vue模板

插值语法

指令语法

 

举报

相关推荐

0 条评论